// eslint.config.js
import js from '@eslint/js'
import globals from 'globals'
import tseslint from 'typescript-eslint'
import vue from 'eslint-plugin-vue'
import prettier from 'eslint-plugin-prettier/recommended'

export default tseslint.config(
  // =======================
  // 1. 忽略文件（替代 .eslintignore）
  // =======================
  {
    ignores: [
      '**/dist/**',
      '**/build/**',
      '**/node_modules/**',
      '**/public/**',
      '**/mock/**',
      '**/*.config.js',
      '**/*.config.ts',
      '**/vite.config.{js,ts,mjs,mts}',
      '**/vitest.config.{js,ts,mjs,mts}',
      '**/eslint.config.js',
      '**/.{git,github,vscode,idea,husky}',
    ],
  },

  // =======================
  // 2. 基础 JavaScript 推荐规则
  // =======================
  js.configs.recommended,

  // =======================
  // 3. TypeScript 推荐规则（支持类型检查）
  // =======================
  ...tseslint.configs.recommended,

  // 可选：启用类型感知规则（需要 tsconfig.json）
  // ...tseslint.configs.recommendedTypeChecked,

  // =======================
  // 4. Vue 3 推荐规则
  // =======================
  ...vue.configs['flat/essential'],

  // =======================
  // 5. Prettier 集成（关闭冲突规则 + 启用格式化）
  // =======================
  prettier,

  // =======================
  // 6. 主配置：环境、解析器、规则
  // =======================
  {
    // 通用语言选项
    languageOptions: {
      globals: {
        ...globals.browser,
        ...globals.node,
        ...globals.jest,
        ...globals.es2021,
      },
    },

    // 针对 .vue 文件的配置
    files: ['**/*.vue'],
    languageOptions: {
      parser: vue.parser, // ✅ 使用 vue.parser（不是 processors）
      parserOptions: {
        parser: tseslint.parser, // 嵌套使用 TypeScript 解析器解析 <script>
        ecmaVersion: 'latest',
        sourceType: 'module',
        extraFileExtensions: ['.vue'], // 允许 .vue 被 TS 解析器处理
      },
    },

    rules: {
      // --- ESLint 内建规则 ---
      'no-var': 'error', // 禁止 var，使用 let/const
      'no-multiple-empty-lines': ['warn', { max: 1 }], // 最多一个空行
      'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'warn',
      'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'warn',
      'no-unexpected-multiline': 'error', // 禁止错误的换行
      'no-useless-escape': 'off', // 允许某些转义（如正则）

      // --- TypeScript 规则 ---
      '@typescript-eslint/no-unused-vars': 'error', // 未使用变量（包括 <script setup>）
      '@typescript-eslint/prefer-ts-expect-error': 'error', // 禁止 @ts-ignore，使用 @ts-expect-error
      '@typescript-eslint/no-explicit-any': 'off', // 可根据项目严格程度开启
      '@typescript-eslint/no-non-null-assertion': 'off', // 允许 ! 断言
      '@typescript-eslint/no-namespace': 'off', // 允许命名空间
      '@typescript-eslint/semi': 'off', // 由 Prettier 控制

      // --- Vue 规则 ---
      'vue/multi-word-component-names': 'off', // 组件名可单词（如 App.vue）
      'vue/no-mutating-props': 'off', // 允许修改 prop（谨慎使用）
      'vue/attribute-hyphenation': 'off', // 不强制属性用短横线
      'vue/no-v-html': 'off', // 允许 v-html（注意 XSS）
      'vue/require-default-prop': 'off', // 不强制要求 prop 默认值

      // --- Prettier 已处理 ---
      // 所有格式化规则由 Prettier 控制，无需在此设置
    },
  },

  // =======================
  // 7. （可选）启用 TypeScript 类型检查
  // =======================
  // 如果你希望 ESLint 检查类型错误（如 any、类型不匹配），取消注释以下块
  // 并确保项目根目录有 tsconfig.json
  /*
  {
    files: ['**/*.ts', '**/*.vue'],
    ...tseslint.configs.recommendedTypeChecked,
    languageOptions: {
      parserOptions: {
        project: './tsconfig.json',
        tsconfigRootDir: import.meta.dirname,
      },
    },
  },
  */
)